<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">

	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="Neon Admin Panel">
	<meta name="author" content="">

	<title>晓辰-排污报告</title>


	<link rel="stylesheet" th:href="@{/css/jquery-ui-1.10.3.custom.min.css}">
	<link rel="stylesheet" th:href="@{/css/entypo.css}">
	<link rel="stylesheet" th:href="@{/css/css.css}">
	<link rel="stylesheet" th:href="@{/css/bootstrap.css}">
	<link rel="stylesheet" th:href="@{/css/neon-core.css}">
	<link rel="stylesheet" th:href="@{/css/neon-theme.css}">
	<link rel="stylesheet" th:href="@{/css/neon-forms.css}">
	<link rel="stylesheet" th:href="@{/css/custom.css}">

	<script th:src="@{/js/jquery-1.11.0.min.js}"></script>

	<!--[if lt IE 9]><script src="assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

	<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
	<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
	<![endif]-->
	<style type="text/css">
		.swiper-slide {
			display: flex;
			justify-content: center;
			align-items: center;
			padding-left: 10%;
			padding-right: 10%;
		}
		a:hover {
			/*color: red;*/
			background-color: red;
			/*border: solid 1px black;*/
		}
		body{
			margin: 0px auto;
			width:100%;
			min-width:1024px;
			max-width:100%;
			height:100%;
			background-color:white;
		}
	</style>

	<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
	<script type="text/javascript" src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>

</head>
<body class="page-body  page-fade gray" data-url="http://neon.dev">

<div class="page-container"><!-- add class "sidebar-collapsed" to close sidebar by default, "chat-visible" to make chat appear always -->

	<!--调用可复用代码：侧边栏-->
	<div th:insert="~{commons/common::sidebar(active='report.html')}"></div>
	<div class="main-content">
		<!--调用可复用代码：头部栏-->
		<div th:insert="~{commons/common::topbar}"></div>

		<hr>
		<script type="text/javascript">
			jQuery(document).ready(function($)
			{
				// Sample Toastr Notification
				setTimeout(function()
				{
					var opts = {
						"closeButton": true,
						"debug": false,
						"positionClass": rtl() || public_vars.$pageContainer.hasClass('right-sidebar') ? "toast-top-left" : "toast-top-right",
						"toastClass": "black",
						"onclick": null,
						"showDuration": "300",
						"hideDuration": "1000",
						"timeOut": "5000",
						"extendedTimeOut": "1000",
						"showEasing": "swing",
						"hideEasing": "linear",
						"showMethod": "fadeIn",
						"hideMethod": "fadeOut"
					};

					toastr.success("You have been awarded with 1 year free subscription. Enjoy it!", "Account Subcription Updated", opts);
				}, 3000);



				$("#calendar").fullCalendar({
					header: {
						left: '',
						right: '',
					},

					firstDay: 1,
					height: 200,
				});
			});


			function getRandomInt(min, max)
			{
				return Math.floor(Math.random() * (max - min + 1)) + min;
			}
		</script>

		<div class="row">


			<!-- 在这里添加其它内容 -->
			<div>
				<div class="tile-stats tile-white stat-tile" style="height: 280px">
					<!--						轮播-->
					<div class="swiper-container">
						<div class="swiper-wrapper">
							<div class="swiper-slide" >
								<!-- 第一张幻灯片 -->
								<h3>县市区动态丨高新区召开淅河片区污水排放与处理企业座谈会 </h3>
								<!--									<br>-->
								<p style="font-size: 14px">
									2023-04-25 23:58
									<br>
									（来源：随州市环境保护局）
									<br>
									4月24日，高新区召开淅河片区污水排放与处理企业座谈会，探讨交流污水排放企业与污水处理企业之间建立良性互动机制，确保污水达标排放，共同维护水环境安全。青春化工园区办主任李春满主持会议并讲话，
									区生态环境服务中心、区规划建设局、区农业农村局相关负责人以及光大水务、康美电子、旭东升电子、犇星新材料、永兴纸业、新成皮件、永壮肥业、源丰化工、华联热浸锌、乾泰化工等10家企业分管负责人及污水处理具体工作人员参加会议。

								</p>
								<P>
									<a style="color: purple;font-size: 16px" href="http://news.sohu.com/a/670310652_121106908">
										http://news.sohu.com/a/670310652_121106908</a>
								</P>
							</div>
							<div class="swiper-slide" >
								<!-- 第一张幻灯片 -->
								<h3>生态环境部：部分企业违法排污，已刑事拘留21人</h3>
								<!--									<br>-->
								<p style="font-size: 14px">
									2023-03-28 15:31
									<br>
									针对企业环境违法行为，生态环境部要求“零容忍”打击。3月28日，生态环境部举行例行新闻发布会，通报大气污染防治情况。
									<br>
									有记者提问，今年我国经济运行有望总体回升，在这个过程中一些地方和企业为了追求经济增速和利润，会盲目上马“两高”项目，甚至会违法排污，在经济发展需求压力下的环保力度我们该如何保持？
									<br>
									生态环境部大气环境司司长刘炳江直言，今年一季度气象条件不利，排放量也在大幅度增加，尤其是一些地方上马“两高”行业，部分企业甚至违法排污。但现在还是在可控范围内。
								</p>
								<P>
									<a style="color: purple;font-size: 16px" href="https://export.shobserver.com/baijiahao/html/597159.html">
										https://export.shobserver.com/baijiahao/html/597159.html</a>

								</P>
							</div>
							<div class="swiper-slide" >
								<!-- 第一张幻灯片 -->
								<h3>江苏曝光2020年典型环境违法十件案例 一企业外排污水被罚1290万元</h3>
								<!--									<br>-->
								<p style="font-size: 14px">
									人民日报客户端江苏频道
									<br>
									2021-03-19 16:07
									<br>
									发表于山东
									<br>
									原标题：江苏曝光2020年典型环境违法十件案例 一企业外排污水被罚1290万元
									<br>
									来源：人民日报客户端江苏频道
									<br>
									伪造自动监测数据、偷排废水、偷埋固废……省生态环境厅18日曝光2020年全省10件典型环境违法案件，其中以偷排废水为多。
									盱眙国联污水处理有限公司因外排污水累计被罚款1290万元。2019年10月9日，淮安市生态环境局执法人员对该公司现场检查，经采样监测，外排水总氮浓度超标4.63倍，依法责令其立即改正超标排放水污染物的违法行为，并于同年11月1日下达处罚决定，处罚款10万元......
								</p>
								<P>
									<a style="color: purple;font-size: 16px" href="https://sdxw.iqilu.com/share/YS0yMS03NjEzOTAy.html">https://sdxw.iqilu.com/share/YS0yMS03NjEzOTAy.html</a>

								</P>
							</div>
							<div class="swiper-slide" >
								<!-- 第一张幻灯片 -->
								<h3>还敢乱排污？还记得去年这家企业排污导致大量死鱼事件吗？判了！坐牢+300余万元赔偿！</h3>
								<!--									<br>-->
								<p style="font-size: 14px">
									科学养鱼 2019-11-22 16:30 发表于江苏
									<br>
									4300余亩水域受到污染，2万公斤水生动物死亡
									<br>
									2018年5月23日21时至次日凌晨3时许，在缙云县东渡镇兰口路3号缙云县南河电镀厂内，负责处理工业废水的员工王某平按照该厂投资人王某指示，将厂内未经净化处理的含有氰、铜、铬、镍等成分的工业废水，用水泵抽出并通过暗管直接排放到好溪水域。
									经水利局调查，此次污染事故造成好溪缙云兰口至莲都水东大桥段4300余亩水域受到污染，圆吻鲴、黄颡鱼等二十余种鱼类共14000余公斤及螺贝（蚬）等底栖动物6000余公斤死亡，打捞和回收死鱼共计13001.9斤。
								</p>
								<P>
									<a style="color: purple;font-size: 16px" href="https://www.baidu.com/link?url=vPh7N40p91jTA-OFT3k-XIDQfc1FcRrRUQkLSgjKu4giRRES-UZUm0RbyKMANK-PH4sqHRLMZ2sprKWHIO3KEPzhD840czhXdAkWFJhpNjXwB_2sdeH4ZBay6XImnd5fPmWWoW2rQ4uRav41r-uOhg-C2aCtn3JkC162n0LHKJQMRPC3jC0BSXXW_hq2malm8rudUTGSV42XkzJ_fWbX393t7bAKAKqi1zBxWctxr01zv07vZS_8Zz715bkbzd7GH-r3FFzbzY2HLGT5hMbXNq&wd=&eqid=9f8a34870017f919000000046450c0f1">
										https://www.baidu.com/link?url=...
									</a>
								</P>
							</div>

							<!-- 这里可以添加更多幻灯片 -->
						</div>
						<!--							 如果需要分页器-->
						<div class="swiper-pagination"></div>

						<!-- 如果需要导航按钮 -->
						<div class="swiper-button-prev"></div>
						<div class="swiper-button-next"></div>

						<!-- 如果需要滚动条 -->
						<div class="swiper-scrollbar"></div>
					</div>



					<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5.3.2/dist/echarts.min.js"></script>
					<script type="text/javascript">
						// 这里可以添加其他代码
					</script>
				</div>
			</div>

			<!-- 在这里引入Swiper初始化脚本 -->
			<script>
				var mySwiper = new Swiper('.swiper-container', {
					// 这里可以设置Swiper的配置选项
					autoplay: true, // 自动播放
					loop: true, // 循环播放
					pagination: {
						el: '.swiper-pagination',
					},
					navigation: {
						nextEl: '.swiper-button-next',
						prevEl: '.swiper-button-prev',
					},
					scrollbar: {
						el: '.swiper-scrollbar',
					},
				})
			</script>
		</div>



		<div class="row">
			<div class="col-sm-8">


				<div class="panel panel-primary panel-table">
					<div class="panel-heading">
						<div class="panel-title">
							<h3>排污建议</h3>
							<span>该工厂排放污水无不良行为</span>
						</div>

						<div class="panel-options">
							<a href="#sample-modal" data-toggle="modal" data-target="#sample-modal-dialog-1" class="bg"><i class="entypo-cog"></i></a>
							<a href="#" data-rel="collapse"><i class="entypo-down-open"></i></a>
							<a href="#" data-rel="reload"><i class="entypo-arrows-ccw"></i></a>
							<a href="#" data-rel="close"><i class="entypo-cancel"></i></a>
						</div>
					</div>
					<div class="panel-body">
						<table class="table table-responsive"  style="font-size:16px;color: red;">
							<thead>
							<tr>
								<th style="width: 20%">不同水质信息超标</th>
								<!--									<th>排放行为正常，请继续保持</th>-->
								<th>关于部分企业或区域排污不规范的解决方案：
									<a id="pollution-company-btn" type="button" style="font-size:14px;color: purple; float:right">点击查看相关企业、流域</a></th>
							</tr>

							</thead>

							<tbody>
							<tr>
								<td>1、溶解氧过低

								</td>

								<td>增加曝气量或强制通气，促进水体中溶解氧的增加
									减少生化反应器内有机负荷的负荷量
									对生活和农业废水进行前处理，以减少有机污染物和氮磷等营养盐负荷</td>
							</tr>

							<tr>
								<td>2、浊度超标：</td>
								<td>加强污水调节，压缩浊度变化幅度
									增加深度滤池数量或更新滤材以改善过滤效果
									增加沉淀时间或调整污泥回流比例</td>
							</tr>

							<tr>
								<td>3、总氮超标：</td>
								<td>增加好氧菌群的作用，以促进氮的氧化
									在反硝化过程中，使用硝化抑制剂来减少氮的损失
									对工艺进行调控和优化，减少污水中的氮负荷</td>
							</tr>


							<tr>
								<td>4、总磷过高：</td>
								<td>采用化学沉淀、吸附等技术
									加强曝气、深度滤池等设施改善效果
									控制废水的输入量和速率，减少总磷的含量和浓度</td>
							</tr>


							<tr>
								<td>5、PH值超标：</td>
								<td>对污水进行中和处理，以调整PH值
									对发酵质或H+离子进行配准或适当比例掺加Na2CO3等
									对生产过程中产生的酸性废水和碱性废水进行分类处理</td>
							</tr>




							<!--								不同污水超标，处理方案-->
							<!--								溶解氧过低：-->
							<!--								增加曝气量或强制通气，促进水体中溶解氧的增加-->
							<!--								减少生化反应器内有机负荷的负荷量-->
							<!--								对生活和农业废水进行前处理，以减少有机污染物和氮磷等营养盐负荷-->
							<!--								浊度超标：-->
							<!--								加强污水调节，压缩浊度变化幅度-->
							<!--								增加深度滤池数量或更新滤材以改善过滤效果-->
							<!--								增加沉淀时间或调整污泥回流比例-->
							<!--								总氮超标：-->
							<!--								增加好氧菌群的作用，以促进氮的氧化-->
							<!--								在反硝化过程中，使用硝化抑制剂来减少氮的损失-->
							<!--								对工艺进行调控和优化，减少污水中的氮负荷-->
							<!--								氨氮（NH₃-N）过高：-->
							<!--								增加好氧菌与厌氧菌的作用、提高活性污泥浓度等方法可保证氨氮的有效去除-->
							<!--								通过加入硝化抑制剂等手段抑制污水中氨氮的生成-->
							<!--								进行COD、BOD等不同废水源之间的分批处理，可将氨氮排放浓度控制在合理范围内-->
							<!--								总磷过高：-->
							<!--								采用化学沉淀、吸附等技术-->
							<!--								加强曝气、深度滤池等设施改善效果-->
							<!--								控制废水的输入量和速率，减少总磷的含量和浓度-->
							<!--								PH值超标：-->
							<!--								对污水进行中和处理，以调整PH值-->
							<!--								对发酵质或H+离子进行配准或适当比例掺加Na2CO3等-->
							<!--								对生产过程中产生的酸性废水和碱性废水进行分类处理-->


							</tbody>
						</table>
					</div>
					<div class="panel-body">
						<table class="table table-responsive" style="font-size: 14px">
							<thead style="font-size: 16px">
							<tr>
								<th>总述：</th>
								<th>排放行为正常，请继续保持</th>
							</tr>
							</thead>

							<tbody>
							<tr>
								<td>1、</td>
								<td>尽快编制规划区域性污水处理厂(站)，保证企事业单位、社区村居污水处理建设全覆盖。</td>
							</tr>

							<tr>
								<td>2、</td>
								<td>定期巡查沟河两边企事业单位外排污水口的污水排放情况，要求有污必处理，排放必达标。</td>
							</tr>

							<tr>
								<td>3、</td>
								<td>督促企事业单位污水处理站的建设，加大监管力度，建立远程监控，</td>
							</tr>


							<tr>
								<td>4、</td>
								<td>动员社会力量参与污水排放监督工作，人人参与污水排放监督，做到无缝系监管。</td>
							</tr>


							<tr>
								<td>5、</td>
								<td>建立污水排放监督举报奖励机制，落实到位，对举报污水排放经查实后，按处罚金额比例给予举报者奖励</td>
							</tr>




							<!--									不同污水超标，处理方案-->
							<!--									溶解氧过低：-->
							<!--									增加曝气量或强制通气，促进水体中溶解氧的增加-->
							<!--									减少生化反应器内有机负荷的负荷量-->
							<!--									对生活和农业废水进行前处理，以减少有机污染物和氮磷等营养盐负荷-->
							<!--									浊度超标：-->
							<!--									加强污水调节，压缩浊度变化幅度-->
							<!--									增加深度滤池数量或更新滤材以改善过滤效果-->
							<!--									增加沉淀时间或调整污泥回流比例-->
							<!--									总氮超标：-->
							<!--									增加好氧菌群的作用，以促进氮的氧化-->
							<!--									在反硝化过程中，使用硝化抑制剂来减少氮的损失-->
							<!--									对工艺进行调控和优化，减少污水中的氮负荷-->
							<!--									氨氮（NH₃-N）过高：-->
							<!--									增加好氧菌与厌氧菌的作用、提高活性污泥浓度等方法可保证氨氮的有效去除-->
							<!--									通过加入硝化抑制剂等手段抑制污水中氨氮的生成-->
							<!--									进行COD、BOD等不同废水源之间的分批处理，可将氨氮排放浓度控制在合理范围内-->
							<!--									总磷过高：-->
							<!--									采用化学沉淀、吸附等技术-->
							<!--									加强曝气、深度滤池等设施改善效果-->
							<!--									控制废水的输入量和速率，减少总磷的含量和浓度-->
							<!--									PH值超标：-->
							<!--									对污水进行中和处理，以调整PH值-->
							<!--									对发酵质或H+离子进行配准或适当比例掺加Na2CO3等-->
							<!--									对生产过程中产生的酸性废水和碱性废水进行分类处理-->


							</tbody>
						</table>
					</div>
					<script type="text/javascript">


						var dissolved_oxygenD = [];
						var turbidityD = [];
						var Total_PhosphorusD = [];
						var Total_NitrogenD = [];
						var PHD = [];
						//
						// var normalData = 0;
						// var anormalData = 0;

						var DnormalData= 0;
						var DanormalData= 0;

						var TnormalData= 0;
						var TanormalData= 0;

						var TPnormalData= 0;
						var TPanormalData= 0;

						var TNnormalData= 0;
						var TNanormalData= 0;

						var PHData= 0;
						var PHaData= 0;

						var Watershed_River1 = null;
						// $.getJSON("http://localhost:8086/sewage/getDissolvedOxygenAndTurbidity", function(data) {

						$.getJSON("http://localhost:8086/sewage/getAllWaterInfo", function (data) {
							// var waterQualityData = data.data;


							// var Watershed_RiverHtml = '<td>' + item['Watershed_River'] + '</td>';
							// var Province_CityHtml = '<td>' + item['Province_City'] + '</td>';
							// var Dissolved_OxygenHtml = '<td>' + item['Dissolved_Oxygen'] + '</td>';

							// var Total_PhosphorusHtml = '<td>' + item['Total_Phosphorus'] + '</td>';

							// var Total_NitrogenHtml = '<td>' + item['Total_Nitrogen'] + '</td>';

							// var PHHtml = '<td>' + item['PH'] + '</td>';


							$.each(data.data, function (index, item) {


								Watershed_River1 = item.Watershed_River;
								var dissolved_oxygen = item.Dissolved_Oxygen;
								var turbidity = item.Turbidity;
								var total_phosphorus = item.Total_Phosphorus;
								var total_nitrogen = item.Total_Nitrogen;
								var ph = item.PH;

								// var turbidity = item.Turbidity;
								// var turbidity = item.Turbidity;
								//溶解氧
								if (dissolved_oxygen < 15 ) {
									DnormalData = DnormalData + 1;
								} else {
									DanormalData = DanormalData + 1;
									dissolved_oxygenD.push(Watershed_River1);
								}
								//浊度
								if (turbidity <= 200 ) {
									TnormalData = TnormalData + 1;
								}else{
									TanormalData = TanormalData +1;
									turbidityD.push(Watershed_River1);
								}
								//总磷（P）
								if (total_phosphorus <= 0.1 ) {
									TPnormalData = TPnormalData + 1;
								}else{
									TPanormalData = TPanormalData +1;
									Total_PhosphorusD.push(Watershed_River1);
								}
								//总氮（N）
								if (total_nitrogen <= 15 ) {
									TNnormalData = TNnormalData + 1;
								}else{
									TNanormalData = TNanormalData +1;
									Total_NitrogenD.push(Watershed_River1);
								}
								//ph
								if (ph < 9 && ph > 6 ) {
									PHData = PHData + 1;
								}else{
									PHaData = PHaData +1;
									PHD.push(Watershed_River1);
								}
							});

							const pollutionCompanyBtn = document.querySelector('#pollution-company-btn');
							let pollutionCompany = "溶解氧达标数量:" + DnormalData + "\n" + "异常数量:" + DanormalData+"\n" + "异常的流域有:"+"\n" + dissolved_oxygenD+"\n"+"\n"+
									"水质浊度达标数量:" + TnormalData + "\n" + "异常数量:" + TanormalData+"\n" + "异常的流域有:"+"\n" + turbidityD+"\n"+"\n"+"\n"+
									"总磷（P）达标数量:" + TPnormalData + "\n" + "异常数量:" + TPanormalData+"\n" + "异常的流域有:"+"\n" + Total_PhosphorusD+"\n"+"\n"+
									"总氮（N）达标数量:" + TNnormalData + "\n" + "异常数量:" + TNanormalData+"\n" + "异常的流域有:"+"\n" + Total_NitrogenD+"\n"+"\n"+
									"PH达标数量:" + PHData + "\n" + "异常数量:" + PHaData+"\n" + "异常的流域有:"+"\n" + PHD;

							// const pollutionInfo1 = pollutionInfo;
							pollutionCompanyBtn.onclick = function () {
								// 显示带有标题和内容的弹窗
								window.alert(pollutionCompany);
							};



							// const pollutionInfoBtn = document.querySelector('#pollution-company-btn');
							// const pollutionInfo = '5、善于利用雨水。收集雨水并将其稍后用于浇灌花园或植物，而不是排放入下水道。\n' +
							// 		'\n' +
							// 		'6、参与当地社区的污水处理计划。污水处理可能包括回收、过滤、和消毒等技术以最大限度地减少对环境的影响。';
							//
							// // pollutionInfoBtn.addEventListener('click', () => {
							// // 	alert(pollutionInfo);
							// // });
							// // 绑定按钮单击事件处理程序
							// pollutionInfoBtn.onclick = function () {
							// 	// 显示带有标题和内容的弹窗
							// 	window.alert("污染信息提示：\n" + pollutionInfo);
							// };


						});

					</script>

				</div>


			</div>

			<div class="col-md-4">
				<div class="panel panel-primary panel-table">
					<div class="panel-heading">
						<div class="panel-title">
							<h3>5月</h3>
							<span>本月暂无重大排污事件</span>
						</div>

						<div class="panel-options">
							<a href="#sample-modal" data-toggle="modal" data-target="#sample-modal-dialog-1" class="bg"><i class="entypo-cog"></i></a>
							<a href="#" data-rel="collapse"><i class="entypo-down-open"></i></a>
							<a href="#" data-rel="reload"><i class="entypo-arrows-ccw"></i></a>
							<a href="#" data-rel="close"><i class="entypo-cancel"></i></a>
						</div>
					</div>
					<div class="panel-body">
						<div id="calendar" class="calendar-widget">
						</div>
					</div>
				</div>


				<!--					点击查看-->
				<div class="tile-stats tile-neon-red">
					<div class="icon"><i class="entypo-chat"></i></div>
					<div class="num" data-start="0" data-end="6" data-postfix="" data-duration="1400" data-delay="0">23</div>

					<h3>排放污水小知识</h3>
					<p><a id="pollution-info-btn" type="button" style="font-size:20px">点击查看</a></p>
				</div>

				<script>
					const pollutionInfoBtn = document.querySelector('#pollution-info-btn');
					const pollutionInfo = '1、减少水的使用量可以减少排放的污水量。例如，在洗碗或淋浴时关闭水龙头，将洗衣机和洗碗机装满再使用等等。\n' +
							'\n' +
							'2、不要将油脂倒入下水道中。这些物质会堵塞管道并导致污水溢出。正确处理废弃的油脂可以通过将其倒入纸巾或毛巾等材料中，然后将其扔进垃圾桶。\n' +
							'\n' +
							'3、避免将药品、清洁剂、化学品等投入下水道。这些物质可能会损害环境，影响水质，甚至危害人体健康。正确处理这些物质的方法可能包括将其送到指定的回收处或**掩埋场。\n' +
							'\n' +
							'4、检查房屋中的管道是否存在漏水状况。漏水会增加用水量并导致更多的污水排放。\n' +
							'\n' +
							'5、善于利用雨水。收集雨水并将其稍后用于浇灌花园或植物，而不是排放入下水道。\n' +
							'\n' +
							'6、参与当地社区的污水处理计划。污水处理可能包括回收、过滤、和消毒等技术以最大限度地减少对环境的影响。';

					// pollutionInfoBtn.addEventListener('click', () => {
					// 	alert(pollutionInfo);
					// });
					// 绑定按钮单击事件处理程序
					pollutionInfoBtn.onclick = function () {
						// 显示带有标题和内容的弹窗
						window.alert("污水处置日常小知识：\n" + pollutionInfo);
					};
				</script>



				<br>

				<div class="tile-stats tile-neon-red">
					<div class="icon"><i class="entypo-users"></i></div>
					<div class="num" data-start="0" data-end="113" data-postfix="" data-duration="1400" data-delay="0">5</div>

					<h3>监管大队已经就绪</h3>
					<p><a id="pollution-todo-btn" type="button" style="font-size:20px">在线咨询</a></p>
				</div>
				<script>
					const pollutionTodoBtn = document.querySelector('#pollution-todo-btn');
					const pollutionTodo = '1、监测和评估\n' +
							'监管单位需要定期对企业的污水排放进行监测和评估。这包括检测污水的流量、ph 值、悬浮物、有机物、化学氧化需氧量（cod）和氨氮等指标，并根据排放标准对检测结果进行评估。\n' +
							'\n' +
							'2、警告和罚款\n' +
							'如果企业的污水排放超过了国家或地方的排放标准，监管单位将给予警告并处以罚款。这既是对企业不良行为的惩罚，也是向其他企业发出的警告，提醒其遵守环境保护法规。\n' +
							'\n' +
							'3、暂停生产\n' +
							'如果企业的污水排放严重超标，可能会被要求暂停生产一段时间，直到问题得到解决。这种措施可以迫使企业更快地采取纠正措施以降低其污染程度。\n' +
							'\n' +
							'4、强制整改\n' +
							'监管单位还可以要求企业采取特定的整改措施来减少污水排放。这些措施可能包括更新或更换设备、改进生产工艺或实施更严格的管理措施。\n' +
							'\n' +
							'5、建立黑名单\n' +
							'如果企业多次被发现污水排放严重超标或违反环境法规，监管单位可以将其列入黑名单，并禁止其参与任何**采购或投标活动。这样可以给企业带来经济损失，同时也是对其他企业的警告，促使其';

					// pollutionInfoBtn.addEventListener('click', () => {
					// 	alert(pollutionInfo);
					// });
					// 绑定按钮单击事件处理程序
					pollutionTodoBtn.onclick = function () {
						// 显示带有标题和内容的弹窗
						window.alert("处置措施：\n" + pollutionTodo);
					};
				</script>
			</div>
		</div>

		<br>
		<!-- Footer -->
		<footer class="main">
			晓辰学技术
		</footer>
	</div>

	<div th:insert="~{commons/common::rightbar}"></div>


</div>



<link rel="stylesheet" th:href="@{/css/jquery-jvectormap-1.2.2.css}">
<link rel="stylesheet" th:href="@{/css/rickshaw.min.css}">

<!-- Bottom Scripts -->
<script th:src="@{/js/main-gsap.js}"></script>
<script th:src="@{/js/jquery-ui-1.10.3.minimal.min.js}"></script>
<script th:src="@{/js/bootstrap.js}"></script>
<script th:src="@{/js/joinable.js}"></script>
<script th:src="@{/js/resizeable.js}"></script>
<script th:src="@{/js/neon-api.js}"></script>
<script th:src="@{/js/jquery-jvectormap-1.2.2.min.js}"></script>
<script th:src="@{/js/jquery-jvectormap-europe-merc-en.js}"></script>
<script th:src="@{/js/jquery.sparkline.min.js}"></script>
<script th:src="@{/js/d3.v3.js}"></script>
<script th:src="@{/js/rickshaw.min.js}"></script>
<script th:src="@{/js/raphael-min.js}"></script>
<script th:src="@{/js/morris.min.js}"></script>
<script th:src="@{/js/toastr.js}"></script>
<script th:src="@{/js/fullcalendar.min.js}"></script>
<script th:src="@{/js/neon-chat.js}"></script>
<script th:src="@{/js/neon-custom.js}"></script>
<script th:src="@{/js/neon-demo.js}"></script>

</body>
</html>